import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from "../components/Login";
import Home from "../components/Home";
import Welcome from "../components/Welcome";
import User from "../components/user/User";

Vue.use(VueRouter)

const routes = [
    { path: '/', redirect: '/login'},
    { path: '/login', name: 'Login', component: Login  },
    { path: '/home',
        name: 'Home',
        component: Home  ,
        redirect: '/welcome' ,
        children:[
            {path: '/welcome' , component: Welcome},
            {path: '/users' , component: User}
        ]},


]

const router = new VueRouter({
  routes
})

router.beforeEach( (to, from, next ) =>{
    if (to.path === '/login') return next();

    const tokenStr = window.sessionStorage.getItem("token");

    if (!tokenStr) return next('/login')

    next()
} )

export default router
